<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv= "X-UA-Compatible" content = "IE=edge,chrome=1" />
    <link rel="shortcut icon" type="image/x-icon" href="http://img.boyitongcheng.com/favicon.ico" media="screen"/>
    <title>博艺网-${user.getCnName()}的店铺</title>
    <link href="/common/css/common.css" rel="stylesheet"/>
    <link href="/common/css/page.css" rel="stylesheet"/>
    <link href="/common/css/review.css" rel="stylesheet"/>
    <link href="/common/css/team.css" rel="stylesheet"/>
    <link href="/common/css/iconfont.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="/common/css/documentation.css" type="text/css" />
    <link rel="stylesheet" href="/common/css/jalendar.css" type="text/css" />
    <script type="text/javascript" src="/common/js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="/common/js/jalendar.js"></script>
    <script type="text/javascript" src="/common/js/dateformat.js"></script>
    <script type="text/javascript" src="/common/js/My97DatePicker/WdatePicker.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/flatpickr/dist/flatpickr.min.css">
    <script src="https://unpkg.com/flatpickr"></script>
    <script src="https://npmcdn.com/flatpickr/dist/l10n/zh.js"></script>

    <link rel="stylesheet" href="/common/gallery/photoswipe.css">
    <!-- Skin CSS file (styling of UI - buttons, caption, etc.)
         In the folder of skin CSS file there are also:
         - .png and .svg icons sprite,
         - preloader.gif (for browsers that do not support CSS animations) -->
    <link rel="stylesheet" href="/common/gallery/default-skin/default-skin.css">

    <!-- Core JS file -->
    <script src="/common/gallery/photoswipe.min.js"></script>

    <!-- UI JS file -->
    <script src="/common/gallery/photoswipe-ui-default.min.js"></script>

    <#--<link rel="stylesheet" href="/common/js/jquery-plugin/validate/style.css" type="text/css">-->
    <#--<script type="text/javascript" src="/common/js/jquery-plugin/validate/jquery.validate.min.js"></script>-->

    <style>
        .redClass {
            background-color: #e11122 !important;
            color: #f1f1f1;
        }
        .greenClass {
            background-color: #38b44a !important;
            color: #f1f1f1;
        }
        .greyClass {
            background-color: darkgrey !important;
            color: #f1f1f1;
        }
        .orangeClass {
            background-color: orange !important;
        }
    </style>

    <script type="text/javascript">
        var dates = {
                    20170405: 3,
                    20170406: 0,
                    20170408: 3,
                },
                classDict = {
                    0: 'redClass',
                    1: 'greenClass',
                    3: 'greyClass'
                };

        // Better always use a two digit format in your dates obj
        function get2DigitFmt(val) {
            return ('0' + val).slice(-2);
        }

        // onDayCreate event, add class to day if date has a class
//        flatpickr("#myId", {
//            onDayCreate: function(dObj, dStr, fp, dayElem) {
//                var date = dayElem.dateObj,
//                        // Note the + 1 in the month.
//                        key = date.getFullYear() + get2DigitFmt(date.getMonth() + 1) + get2DigitFmt(date.getDate()),
//                        value = classDict[dates[key]];
//                if (value) {
//                    dayElem.className += ' ' + value;
//                }
//            }
//        });
    </script>

</head>
<body>

<#include "header.ftl"/>

<#include "banner_other.ftl"/>

<div class="sub_nav">
    <div class="main">
        <ul class="sub_navtop">

            <li><a href="/index">首页</a></li>
        <#if topList??>

            <#list topList as top>
                <li><a href="/list?channel_id=${top.getId()}&position_id=${top.getPositionId()}&style_type=0&price=0&area=0" target="_blank">${top.getName()}</a></li>
            </#list>

        </#if>

        </ul>
    </div>
</div>

<div class="main">
    <#--<p class="topmes"><a href="#">婚礼团队 <span>></span> </a><span>主持人</span></p>-->

    <div class="intro">
        <div class="introduce">
            <img src="http://img.boyitongcheng.com/${user.getAvatar()!''}!500x500" class="avatar"/>
            <p class="price"><span>&nbsp;</span></p>
            <ul>
                <li>
                    <b><#if user.getBizDealCount()??>${user.getBizDealCount()}<#else>0</#if></b><br/>
                    <span>预定量</span>
                </li>
                <li>
                    <b><#if user.getBizCommentCount()??>${user.getBizCommentCount()}<#else>0</#if></b><br/>
                    <span>评论数</span>
                </li>
                <li>
                    <b><#if user.getBizStar()??>${user.getBizStar()}<#else>0%</#if></b><br/>
                    <span>好评率</span>
                </li>
            </ul>
        </div>

        <div class="case">
            <h2>${user.getCnName()}</h2>
            <p class="service-work-at">${channel.getName()!''} | ${user.getCity()!''}</p>
            <div class="service-type">
                <p class="service-title">
                    <span>信誉:</span>
                    <#if creditData??>
                        ${creditData}
                    <#else >
                        <div style="clear: both;height: 1px;">&nbsp;</div>
                    </#if>
                </p>
                <p class="service-title">
                    <span>资质:</span>
                    <#if authList??>
                        <#list authList as auth>
                            <#if auth.authType == 1>
                                <img src="/common/icon/platform.png" width="20px" height="20px" title="平台认证"/>
                            <#elseif auth.authType == 2>
                                <img src="/common/icon/credit.png" width="20px" height="20px" title="诚信认证"/>
                            <#else>
                                <#if user.getUserType() == 3 >
                                    <img src="/common/icon/college.png" width="20px" height="20px" title="学院认证-中级认证"/>
                                <#elseif user.getUserType() ==4 >
                                    <img src="/common/icon/college_team.png" width="20px" height="20px" title="学院认证-一星团队"/>
                                </#if>
                            </#if>
                        </#list>
                    </#if>
                </p>
                <p class="service-title">
                    <span style="width: 100%;">入驻时间:&nbsp;&nbsp;${user.getCreateTime()?date("yyyy-MM-dd")}</span>
                </p>
                <div class="explain">${user.getDescn()!''}</div>
                <ul>
                    <#if productList??>
                        <#list productList as product>
                            <li <#if product_index ==0 >class="active"</#if> onclick="changeItem(this, ${product.getId()?string});">
                                <p>${product.getName()}</p>
                                <span>￥${product.getCurrentPrice()?string("0.00")}元</span>
                            </li>
                        </#list>
                    </#if>
                </ul>


                <#if is_me??>
                    &nbsp;
                <#else>
                    <#if productList?? && (productList?size>0)>
                        <form id="hq_form1" action="/user/confirm_order" method="post" style="height: 40px;">
                            <input id="buy_type" name="buy_type" type="hidden" value="2">
                            <input id="biz_user_id" name="biz_user_id" type="hidden" value="${user.getId()?string}">
                            <input id="product_id" name="product_id" type="hidden" value="<#if productList?? && (productList?size>0)>${productList[0].getId()?string}</#if>">
                            <div class="shopnow">
                                <a id="id_right_side_buy" href="#">立即购买</a>
                            </div>
                            <div class="shopcart">
                                <img src="/common/icon/shopcar.png" width="24px" height="24px"><a id="id_right_side" href="#">加入购物车</a>
                            </div>

                        </form>
                    </#if>
                </#if>


            </div>
        </div>

        <div class="bshare-custom" style="float: right;">分享到<a title="分享到微信" class="bshare-weixin" >微信</a><a title="分享到QQ空间" class="bshare-qzone">QQ空间</a><a title="分享到新浪微博" class="bshare-sinaminiblog">新浪微博</a><a title="分享到人人网" class="bshare-renren">人人网</a><a title="分享到腾讯微博" class="bshare-qqmb">腾讯微博</a><a title="分享到网易微博" class="bshare-neteasemb">网易微博</a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=8264f8d8-2b2e-4a72-aa69-8aedce8cd260&amp;pophcol=2&amp;lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>

    </div>

        <div class="clear"></div>
    <div class="cost-schedule">
        <h2>服务区域及档期</h2>
        <div class="service-date">
            <div style="height: 15px">
                <div style="height: 12px;width: 12px;background-color: #e11122;float: left;margin-top: 3px;"></div><div style="float: left;margin-left: 10px;">已订满</div>
                <div style="height: 12px;width: 12px;background-color: darkgrey;float: left;margin-left: 30px;margin-top: 3px;"></div><div style="float: left;margin-left: 10px;">不接单</div>
            </div>
            <div class='article'>

                <div id="myId" class="jalendar">

                </div>
            </div>

        </div>

        <div class="service-area">
            <p class="service-title">服务区域</p>
            <ul>
                <li>
                    <#if openProvinces??>
                        <#list openProvinces as openKey>
                            ${openKey}
                            <div>
                                <#assign subList = openCitiesMap[openKey?string]!>
                                <#list subList as subFunc>
                                    <span>${subFunc?string}</span>
                                </#list>
                            </div>
                        </#list>
                    </#if>

                </li>
            </ul>
            <a href="#">异地费说明</a>
            <div class="service-remote">${user.getRemoteFee()!''}</div>
        </div>


    </div>


    <#if recommendUsers??>
        <div class="recommend">
            <div class="main">
                <h2>推荐团队</h2>

                <div class="team_member" style="padding:0px;border:0px;overflow: auto;">
                    <ul>


                        <#list recommendUsers as userBvo>


                            <li>
                                <div class="recommend_avatar">
                                    <a href="/biz_index?user_id=${userBvo.recommendUser.getId()?string}"><img src="http://img.boyitongcheng.com/${userBvo.recommendUser.getAvatar()}!64x64" class="img-responsive" width="64px;" height="64px;"/></a>
                                </div>
                                <div class="info">
                                    <p class="name">${userBvo.recommendUser.bizWork.name}：${userBvo.recommendUser.cnName}</p>
                                    <p class="price"><#if userBvo.recommendUser.bizPrice??>¥${userBvo.recommendUser.bizPrice?string("0.00")}元<#else>&nbsp;</#if></p>
                                    <p class="detail"><#if userBvo.recommendUser.getBizStar()??>${userBvo.recommendUser.getBizStar()}<#else>0%</#if> 好评率  |  <#if userBvo.recommendUser.getBizDealCount()??>${userBvo.recommendUser.getBizDealCount()}<#else>0</#if> 预订量</p>
                                </div>
                            </li>

                        </#list>

                    </ul>
                </div>
            </div>
        </div>
    </#if>


    <div class="zuopinlist">
        <h2>TA的案例</h2>
        <ul>
            <#list exampleList as example>
                <li class="zuopininfo">
                    <div>
                        <#--<#if example.getImgUrl()?? && example.getImgUrl()?index_of("mp4")!=-1>-->
                            <#--<a href="http://img.boyitongcheng.com/${example.getImgUrl()!''}" target="_blank"><img src="/common/images/default-video-thumbnail.jpg" width="240px" height="150px"/></a>-->
                        <#--<#else>-->
                            <#--<img src="http://img.boyitongcheng.com/${example.getImgUrl()!''}" width="240px" height="150px"/></a>-->
                        <#--</#if>-->
                        <#--<#if example.getDescn()?? && example.getDescn() != "">-->
                            <#--<a href="${example.getDescn()!''}" target="_blank"><img src="http://img.boyitongcheng.com/${example.getImgUrl()!''}" width="240px" height="150px"/></a>-->
                        <#--<#else>-->
                            <#if example.getExampleType()?? && example.getExampleType() == 2>
                                <#if example.getDescn()?? && example.getDescn() != "">
                                    <a href="${example.getDescn()!''}" target="_blank"><img src="<#if example.getImgUrl()??>http://img.boyitongcheng.com/${example.getImgUrl()!''}!240x150<#else >/common/images/default-video-thumbnail.jpg</#if>" width="240px" height="150px"/></a>
                                <#else>
                                    <a href="#" onclick="showVideoWin(${example.getId()?string});"><img src="http://img.boyitongcheng.com/${example.getImgUrl()!''}?vframe/jpg/offset/10/w/420/h300" width="240px" height="150px"/></a>

                                    <div style="position: relative;z-index: 2; left: 0px;top: -110px;"><a href="#" onclick="showVideoWin(${example.getId()?string});"><img src="/common/images/video_bg.png" width="64px" height="64px"></a></div>
                                </#if>
                            <#elseif example.getExampleType() == 1>
                                <a href="#" onclick="openPhotoSwipe(${example.getId()?string});"><img src="http://img.boyitongcheng.com/${example.getImgUrl()!''}!240x150" width="240px" height="150px"/></a>
                            <#else >
                                <a href="/biz_case?example_id=${example.getId()?string}" target="_blank"><img src="http://img.boyitongcheng.com/${example.getImgUrl()!''}!240x150" width="240px" height="150px"/></a>
                            </#if>
                        <#--</#if>-->


                    </div>
                    <p>${example.getName()!''}</p>
                </li>
            </#list>
        </ul>
    </div>

</div>


<!--评价 开始-->
<div class="review">
    <div class="main">
        <div class="review_detail">
            <div class="totalScore">评论详情</div>

            <#if commentList??>
                <#list commentList as detailBvo>
                    <div class="review_user">
                        <img src="<#if detailBvo.user?? && detailBvo.user.getAvatar()??>http://img.boyitongcheng.com/${detailBvo.user.getAvatar()}<#else>/common/images/default_avatar.png</#if>" class="user_avatar"/>
                        <ul>
                            <li class="user_name">${detailBvo.user.getCnName()!''}</li>
                            <#--<li class="user_case">${detailBvo.getScheduleDate()!''}&nbsp;&nbsp;${detailBvo.getDinnerType()!''}</li>-->
                            <li class="review_icon">
                                <ul>
                                    <#if detailBvo.userStar??>
                                        <#if detailBvo.userStar?number gt 0 >
                                            <#list 1..detailBvo.userStar as t>
                                                <li class="i_active"></li>
                                            </#list>
                                        <#else >
                                            <#list 1..(5-detailBvo.userStar) as t>
                                                <li class="i_inactive"></li>
                                            </#list>
                                        </#if>

                                    </#if>
                                </ul>
                            </li>
                            <li>${detailBvo.userComment!''}</li>
                        </ul>
                    </div>
                </#list>
            </#if>

        </div>
    </div>
</div>
<!--评价 结束-->

<!--分页 开始-->
<#--<div class="page">-->
    <#--<div class="main">-->
        <#--<ul>-->
            <#--<li class="page-item pre"><a href="#">上一页</a></li>-->
            <#--<li class="page-item active"><a href="#">1</a></li>-->
            <#--<li class="page-item"><a href="#">2</a></li>-->
            <#--<li class="page-item"><a href="#">3</a></li>-->
            <#--<li class="page-item"><a href="#">4</a></li>-->
            <#--<li class="page-item"><a href="#">5</a></li>-->
            <#--<li class="page-item dot">...</li>-->
            <#--<li class="page-item next"><a href="#">下一页</a></li>-->
        <#--</ul>-->
    <#--</div>-->
<#--</div>-->


<#--<div id="id_dialog_hq_index" class="dialog dialog_trolley_schedule"-->
     <#--style="display: none; position: fixed; z-index: 10005; height: 300px; left: 50%; top: 50%; margin-top: -150px; margin-left: -200px; width: 400px;">-->
    <#--<div class="hd" style="width: 700px;">-->
        <#--<p class=".title" style="width: 660px;"></p>-->
        <#--<a class="close hicon-remove" id="id_close_dialog_a"></a>-->
    <#--</div>-->
    <#--<div class="bd" style="width: 100%; height: 391px;">-->
        <#--<div class="trolley-dialog">-->
            <#--<div class="title">-->
                <#--<p class="text1">选择档期时间</p>-->
            <#--</div>-->

            <#--<form id="hq_form1" action="/user/addTrolley" method="post">-->
                <#--<input id="buy_type" name="buy_type" type="hidden" value="1">-->
                <#--<input id="biz_user_id" name="biz_user_id" type="hidden" value="${user.getId()?string}">-->
                <#--<input id="product_id" name="product_id" type="hidden" value="<#if productList?? && (productList?size>0)>${productList[0].getId()?string}</#if>">-->
                <#--<label class="option"><span class="phonetext">执行日期</span>-->
                    <#--&lt;#&ndash;<div class="col-md-8">&ndash;&gt;-->
                        <#--&lt;#&ndash;<input id="schedule_date" name="schedule_date" class="phone hq_phone1"&ndash;&gt;-->
                               <#--&lt;#&ndash;onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"/>&ndash;&gt;-->
                    <#--&lt;#&ndash;</div>&ndash;&gt;-->
                    <#--<input type="text" id="schedule_date" name="schedule_date" class="phone hq_phone1" />-->
                        <#--&lt;#&ndash;</div>&ndash;&gt;-->
                <#--</label>-->

                <#--<label class="option"><span class="phonetext">宴席时间</span>-->
                    <#--<select id="dinner_type" name="dinner_type" class="phone hq_phone1" style="float: right">-->

                    <#--</select>-->
                <#--</label>-->

                <#--<button type="submit" class="btn hq_btn1" style="border: none;">确定</button></p>-->
            <#--</form>-->
        <#--</div>-->
    <#--</div>-->
<#--</div>-->

<#include "footer.ftl">

<#include "toolbar.ftl">




<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

    <!-- Background of PhotoSwipe.
         It's a separate element, as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>

    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">

        <!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. -->
        <div class="pswp__container">
            <!-- don't modify these 3 pswp__item elements, data is added later on -->
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>

        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">

            <div class="pswp__top-bar">

                <!--  Controls are self-explanatory. Order can be changed. -->

                <div class="pswp__counter"></div>

                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                <#--<button class="pswp__button pswp__button--share" title="Share"></button>-->

                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>

            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>

            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>

            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>

        </div>

    </div>

</div>



<script type="text/javascript" src="/common/js/scrollUp.js"></script>

<script>
    $(function () {

        $("#myId").flatpickr({locale: "zh",inline: true,
            onDayCreate: function(dObj, dStr, fp, dayElem) {
                var date = dayElem.dateObj,
                // Note the + 1 in the month.
                key = date.getFullYear() + get2DigitFmt(date.getMonth() + 1) + get2DigitFmt(date.getDate()),
                <#if scheduleData??>
                  value = ${scheduleData}[key];
                    if (value) {
                        dayElem.className += ' ' + value;
                    }
                </#if>
            }
        });

        $("#id_right_side_buy").click(function(){
//            alert($("#product_id").val());
            if ($("#product_id").val() > 0) {
                $("#buy_type").val("1");
                $("#hq_form1").submit();
            }else{
                alert("未选择服务!");
            }
        });

        $("#id_right_side").click(function(){
            if ($("#product_id").val() > 0) {
                $("#buy_type").val("2");
                $("#hq_form1").submit();
//            $("#id_dialog_hq_index").show();
            }else{
                alert("未选择服务!");
            }
        });

    });

        <#--$("#schedule_date").flatpickr({locale: "zh",minDate: "today",-->
            <#--onDayCreate: function(dObj, dStr, fp, dayElem) {-->
                <#--var date = dayElem.dateObj,-->
                <#--// Note the + 1 in the month.-->
                <#--key = date.getFullYear() + get2DigitFmt(date.getMonth() + 1) + get2DigitFmt(date.getDate()),-->
                <#--<#if scheduleData??>-->
                        <#--value = ${scheduleData}[key];-->
                    <#--if (value) {-->
                        <#--dayElem.className += ' ' + value;-->
                        <#--if (value == "greyClass"){-->
                            <#--dayElem.className += ' disabled';-->
                        <#--}-->
                    <#--}-->
                <#--</#if>-->
            <#--},-->
            <#--onChange: function(selectedDates, dateStr, instance) {-->
                <#--var userType = ${user.getUserType()?string};-->
                <#--var selObj = $("#dinner_type");-->
                <#--var selOpt = $("#dinner_type option");-->
                <#--selOpt.remove();-->
                <#--selObj.append("<option value='' selected></option>");-->

                <#--if (userType == "3"){-->
                    <#--key = dateStr.split("-").join('');-->
                    <#--value = ${scheduleData}[key];-->

                    <#--if (value == "lunchClass"){-->
                        <#--selObj.append("<option value='晚宴'>晚宴</option>");-->
                    <#--}else if (value == "dinnerClass"){-->
                        <#--selObj.append("<option value='午宴'>午宴</option>");-->
                    <#--}else{-->
                        <#--selObj.append("<option value='午宴'>午宴</option>");-->
                        <#--selObj.append("<option value='晚宴'>晚宴</option>");-->
                    <#--}-->
                <#--}else{-->
                    <#--selObj.append("<option value='午宴'>午宴</option>");-->
                    <#--selObj.append("<option value='晚宴'>晚宴</option>");-->
                <#--}-->
            <#--},-->
        <#--});-->


        <#--$("#hq_form1").validate({-->
            <#--rules: {-->
                <#--schedule_date: {-->
                    <#--required: true-->
                <#--},-->
                <#--dinner_type: {-->
                    <#--required: true-->
                <#--}-->
            <#--},-->
            <#--messages: {-->
                <#--schedule_date: {-->
                    <#--required: "请选择执行日期"-->
                <#--},-->
                <#--dinner_type: {-->
                    <#--required: "请选择宴席时间"-->
                <#--}-->
            <#--},-->
            <#--errorPlacement: function (error, element) { //指定错误信息位置-->
<#--//                    error.insertAfter(element);-->
<#--//                    $(element).closest("div").addClass("has-error");-->
            <#--},-->
            <#--highlight: function (element) {-->
                <#--$(element).closest("div").removeClass("has-success");-->
                <#--$(element).closest("div").addClass("has-error");-->
            <#--},-->
            <#--unhighlight: function (element, errorClass) { // element通过验证时触发-->
                <#--$(element).closest("div").removeClass("has-error");-->
                <#--$(element).closest("div").addClass("has-success");-->
            <#--},-->
            <#--submitHandler: function (form) {-->
                <#--var actionType = $("#buy_type").val;-->

                <#--if (actionType == "1"){-->
                    <#--form.action = "/user/addTrolley";-->
                <#--}else{-->
                    <#--form.action = "/order/addDirectBuy";-->
                <#--}-->
                <#--form.submit();-->
            <#--}-->
        <#--});-->


//        function getClass(value) {
//            // Here you could put any logic you want. Ifs, add the value to a string, whatever...
//            return value === 4 ? 'redClass' : 'blueClass';
//        }

//        $('#myId').jalendar({
//            customDay: '2017/2/01',  // Format: Year/Month/Day
//            color: '#ff6537', // Unlimited Colors
//            lang: 'EN' // Format: English — 'EN', Türkçe — 'TR'
//        });
//
//        //ajax请求
//        function doAjax(type,url,data,callback){
//            $.ajax({
//                type:type,
//                url:url,
//                data:{},
//                dataType:'JSON',
//                success:callback,
//            });
//        }
//
//        var transData;//传输回服务器参数
//
//        //获取传输回服务器的参数并发送ajax请求
//        function  backData(){
//            var transDatah=$('.jalendar-wood .headerd h1').html();
//            var year=transDatah.substring(4);
//            var month= transDatah.substring(0,2);
//            transData={
//                year:year,
//                month:month
//            };
//            /*
//            doAjax(type,url,transData,
//                 function(data){
//                  var days=$('.days .this-month')//获取当前月所有天数;
//
//                   //返回data数据与days数据进行匹配，改变days对应标签样式
//
//               });
//            */
//
//        }
//
//        backData();
//        hoverDay();
//
//        //点击'上','下'按钮自动获取年月信息并发送ajax请求
//        var turnBtn=$('.jalendar-wood .header a');
//        $(turnBtn).click(function(){
//            backData();
//            hoverDay();
//        });
//
////以下函数做的是演示效果，鼠标滑过相应日期有对应内容显示。实际是根据传回服务器的年月信息取回对应信息，将对应日期的样式改变，并对已预订日期进行一个简短内容显示。
//        function hoverDay(){
//            $('.article .days .this-month').hover(function(){
//                $(this).addClass('day-yuding').removeClass('day-xian').siblings().addClass('day-xian').removeClass('day-yuding');
//                $(this).append($('<div class="daymes"></div>'));//动态创建已预订日期对应显示内容容器
//
//                $(this).siblings().find('.daymes').hide();
//                $(this).find('.daymes').show();
//            });
//
////            $(".article .days .this-month").mouseover(function () {
////                $(this).addClass('day-yuding').removeClass('day-xian').siblings().addClass('day-xian').removeClass('day-yuding');
////                $(this).append($('<div class="daymes"></div>'));//动态创建已预订日期对应显示内容容器
////                $(this).find('.daymes').hide();
////            });
//        }
//    });

    <#--$("#id_close_dialog_a").click(function(){-->
        <#--$("#id_dialog_hq_index").hide();-->
    <#--});-->



//    $("#id_add_trolley_a").click(function(){
////                /user/addTrolley?product_id=1
//        $("#id_dialog_hq_index").show();
//    });

    //回到顶部
    $.scrollUp();
</script>
<script type="text/javascript">
    //切换服务
    function changeItem(obj, productId){
        $("#product_id").val(productId);
        $(obj).siblings("li").removeClass("active");
        $(obj).addClass("active");
//        alert($("#product_id").val());
    }
    
    function showVideoWin(example_id) {
        var name='add';                            //网页名称，可为空;
        var iWidth=640;                          //弹出窗口的宽度;
        var iHeight=400;                         //弹出窗口的高度;
        //获得窗口的垂直位置
        var iTop = (window.screen.availHeight - 30 - iHeight) / 2;
        //获得窗口的水平位置
        var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
        window.open("/play_video?example_id="+example_id, name, 'height=' + iHeight + ',,innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no');
    }


    function openPhotoSwipe(example_id) {
        var pswpElement = document.querySelectorAll('.pswp')[0];

        $.ajax({
            type: "GET",
            url: "/api/common/biz_example?example_id=" + example_id,
            success: function (data) {
                if (data.status == 200) {
                    var items = data.r;

                    // define options (if needed)
                    var options = {
                        // history & focus options are disabled on CodePen
                        history: false,
                        focus: false,

                        showAnimationDuration: 0,
                        hideAnimationDuration: 0

                    };

                    var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);

                    gallery.init();
                }
            }
        });

        // build items array
//        var items = [
//            {
//                src: 'https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg',
//                w: 964,
//                h: 1024
//            },
//            {
//                src: 'https://farm7.staticflickr.com/6175/6176698785_7dee72237e_b.jpg',
//                w: 1024,
//                h: 683
//            }
//        ];

//        // define options (if needed)
//        var options = {
//            // history & focus options are disabled on CodePen
//            history: false,
//            focus: false,
//
//            showAnimationDuration: 0,
//            hideAnimationDuration: 0
//
//        };
//
//        var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
//
//        gallery.init();
    };
</script>


</body>
</html>